<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>通知</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--common-->
		<link rel="stylesheet" href="../common/lib/weui.min.css">
		<link rel="stylesheet" href="../common/css/jquery-weui.css">
		<link rel="stylesheet" type="text/css" href="../common/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../common/css/user.css" />
		<link rel="stylesheet" type="text/css" href="../common/css/login.css" />
		<!--user-->
		<link rel="stylesheet" type="text/css" href="css/Event.css" />
		<!--common-->
		<script src="../common/lib/jquery-2.1.4.js"></script>
		<script src="../common/js/jquery-weui.js"></script>
		<script src="../common/js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body ontouchstart>

		<div class="weui-tab">
			<div class="weui-tab__bd">
				<div class="head">通知</div>
				<div class="csshub-loading" v-if="isloading==true">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
				<div class="weui-event" v-if="!isloading">
					<div class="noMes" v-if="coll_list.length==0">
						您还没有消息......
					</div>
					<div class="weui-flex" v-if="coll_list.length>0" v-for="item in coll_list">
						<div class="img">
							<div class="placeholder"><img src="img/10.jpg" /></div>
						</div>
						<div class="weui-flex__item">
							<div class="placeholder">
								<div class="name"><span v-html="item.comment_name">用户名</span><span class="time" v-html="item.createTime">04/01</span></div>
								<div class="event"><span class="cont" v-html="item.content">消息通知</span><span class="number">1</span></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="weui-tabbar ">
			<a href="../head/index.html" class="weui-tabbar__item">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-list"></span></p>
				<p class="weui-tabbar__label ">首页</p>
			</a>
			<a href="../Found/found.html" class="weui-tabbar__item">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-globe"></span></p>
				<p class="weui-tabbar__label ">发现</p>
			</a>
			<a href="../Event/Event.html" class="weui-tabbar__item  weui-bar__item--on">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-bell"></span></p>
				<p class="weui-tabbar__label ">通知</p>
			</a>
			<a href="../personal/personal.html" class="weui-tabbar__item ">
				<p class="weui-tabbar__label "><span class="glyphicon glyphicon-menu-hamburger"></span></p>
				<p class="weui-tabbar__label ">主页</p>
			</a>
		</div>
		<script src="js/event.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>